
/*内容  货币列表*/
#main{
    margin-bottom:30px !important;
}
#main .content{
    padding: 20px 0 30px 0 !important;
    overflow: visible !important;
}

/*货币价格*/
#currency-price{
    width:1200px;
    height:123px;
    background:rgba(255,255,255,1);
    padding:30px 40px 30px 20px;
    text-align: left;
    margin-bottom:20px;
    position: relative;
}
#currency-price .price-item{
    float:left;
    margin-right:75px;
}
#currency-price .price-logo{
    margin-right:20px;
}
#currency-price .price-btn{
    float:right;
}
#currency-price .price-name{
    font-size:18px;
    /*font-family:PingFang-SC-Medium;*/
    color:rgba(153,153,153,1);
    line-height:18px;
}
#currency-price .price-code{
    display: inline-block;
    font-size:30px;
    /*font-family:PingFang-SC-Semibold;*/
    font-weight: bold;
    color:rgba(61,77,114,1);
    line-height:30px;
    margin-bottom:12px;
    vertical-align: middle;
    position:relative;
}
#currency-price .price-order{
    display: inline-block;
    min-width:80px;
    height:22px;
    background:rgba(255,255,255,1);
    border-radius:12px 10px 10px 1px;
    border:1px solid rgba(93,144,247,1);
    font-size:11px;
    /*font-family:PingFang-SC-Medium;*/
    /*font-weight: 600;*/
    color:rgba(93,144,247,1);
    line-height:22px;
    text-align: center;
    float:right;
    margin-left:7px;
    /*padding-right:4px;*/
}

#currency-price .price-btn-group{
    width:234px;
    /*border:1px solid red;*/
    border-left:1px solid rgba(241,243,245,1);
    /*padding-left:10px;*/
    /*float:right;*/
    position:absolute;
    top:30px;
    right:40px;
    height:63px;
}
#currency-price .price-warn{
    width:82px;
    height:28px;
    background:rgba(93,144,247,1);
    border-radius:4px;font-size:14px;
    /*font-family:NotoSansHans-DemiLight;*/
    color:rgba(255,255,255,1);
    line-height:28px;
    text-align: center;
    margin-top:17px;
    margin-left:30px;
    float:right;
}
#currency-price .price-add{
    width:82px;
    height:28px;
    border:1px solid rgba(93,144,247,1);
    border-radius:4px;
    font-size:14px;
    /*font-family:NotoSansHans-DemiLight;*/
    color:rgba(93,144,247,1);
    line-height:26px;
    text-align: center;
    margin-top:16px;
    float:right;
}
#currency-price .price-add-active{
    color:rgba(255,255,255,1) !important;
    background:rgba(93,144,247,1) !important;
}
#currency-price .price-usd{
    font-size:30px;
    font-family:DINMittelschrift-Alternate;
    color:rgba(61,77,114,1);
    line-height:30px;
    margin-bottom:12px;
}
#currency-price .price-cny{
    font-size:18px;
    /*font-family:PingFang-SC-Medium;*/
    font-family:DINMittelschrift-Alternate;
    color:rgba(153,153,153,1);
    line-height:18px;
}


/*货币信息*/
#currency-info{
    /*width:100%;*/
    height:268px;
    margin-bottom:20px;
    position: relative ;
}
#currency-info .info-left{
    width:1200px;
    height:268px;
    background:rgba(255,255,255,1);
    float:left;
    padding:40px 0 40px 0;
    position:relative;
}
#currency-info .info-left .info-filed-left{
    position: absolute;
    left:20px;
}
#currency-info .info-left .info-filed-middle{
    /*width:20%;*/
    /*width:200px;*/
    /*margin:0 auto;*/
    margin-left:330px;
 }
#currency-info .info-left .info-filed-right{
    /*float:right;*/
    position: absolute;
    right:20px;
    top:40px;

}
#currency-info .info-line:nth-child(1){
    width:100%;
    margin-bottom:36px;
}
#currency-info .info-line:nth-child(2){

    width:100%;
    margin-bottom:62px;
}
#currency-info .info-left .info-title{
    font-size:14px;
    /*font-family:PingFang-SC-Medium;*/
    color:rgba(153,153,153,1);
    line-height:14px;
    float:left;
    margin-right:10px;
}
#currency-info .info-left .info-value{
    font-size:15px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight: bold;
    color:rgba(61,77,114,1);
    line-height:16px;
    float:left;
}
#currency-info .info-left .info-cny{
    font-size:13px;
    color:rgba(153,153,153,1);
    margin-top:10px;
}
#currency-info .info-left .info-jindu{
    width:180px;
    height:10px;
    background:rgba(240,242,245,1);
    border-radius:11px;
    margin-top:10px;
    padding:0;
    overflow:hidden;

}
#currency-info .info-left .info-jindu-num{
    width:0;
    height:10px;
    background:rgba(93,144,247,0.3);
    border-radius:11px;
}

/*货币信息 --- 右侧*/
#currency-info .info-right{
    width:324px;
    height:268px;
    background:rgba(255,255,255,1);
    float:right;
    padding:20px 30px 30px 30px;
}
#currency-info .info-right .title{
    font-size:18px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight: bold;
    color:rgba(61,77,114,1);
    line-height:18px;
}
#currency-info .info-right .title img{
    float:right;
    margin-right:5px;
    margin-top:5px;
}
#currency-info .info-right .content{
    width:100%;
    padding:8px 0 10px 0 !important;
    text-align:center;
}
#currency-info .info-right .content .info-code{
    font-size:24px;
    /*font-family:PingFang-SC-Semibold;*/
    font-weight: bold;
    color:rgba(61,77,114,1);
    line-height:24px;
}
#currency-info .info-right .content .info-time{
    font-size:14px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight: bold;
    color:rgba(153,153,153,1);
    line-height:14px;
    margin-top:10px;
}
#currency-info .info-right .content .compare{
    position: relative;
    min-height:40px;
    padding-left:10px;
    padding-right:10px;
}
#currency-info .info-right .content .compare .compare-left{
    float:left;
    margin-left:5px;
    cursor:pointer;
}
#currency-info .info-right .content .compare .compare-middle{
    /*margin: 0 auto;*/
    font-size:18px;
    font-weight:bold;
    /*font-family:PingFang-SC-Medium;*/
    color:rgba(61,77,114,1);
    line-height:71px;
    float:left;
    margin-left:32px;
}
#currency-info .info-right .content .compare .compare-right{
    float:right;
    margin-right:5px;
    cursor:pointer;
}
#currency-info .info-right .content .compare .info-up{
    width:68px;
    height:28px;
    line-height:28px;
    border-radius:4px;
    border:1px solid rgba(97,217,175,1);
    color:rgba(97,217,175,1);
    margin-top:5px;
}
#currency-info .info-right .content .compare .info-up-active{
    color:rgba(225,255,255,1) !important;
    background:rgba(97,217,175,1);
}
#currency-info .info-right .content .compare .info-up:hover{
    color:rgba(225,255,255,1) !important;
    background:rgba(97,217,175,1);
}
#currency-info .info-right .content .compare .info-down{
     width:68px;
     height:28px;
     line-height:28px;
     border-radius:4px;
     border:1px solid rgba(253,120,137,1);
     color:rgba(253,120,137,1);
     margin-top:5px;
 }
#currency-info .info-right .content .compare .info-down-active{
    color:rgba(225,255,255,1) !important;
    background: rgba(253,120,137,1);
}
#currency-info .info-right .content .compare .info-down:hover{
    color:rgba(225,255,255,1) !important;
    background: rgba(253,120,137,1);
}


#currency-info .info-right .content .info-msg{
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 500;
    color:rgba(93,144,247,1);
    line-height:14px;
    margin-top:25px;
    cursor:pointer;
}
#currency-info  .my-info {
    width:324px;
    height:52px;
    background:rgba(93,144,247,1);
    margin-left:-30px;
    margin-top:15px;
    line-height:52px;

}
#currency-info .my-info div{
    float:left;
    /*display: inline-block;*/
}
#currency-info .my-input-group{
    float:none !important;
    margin:0 0 0 136px;
}
#currency-info  .my-info .my-total-num{
    font-size:14px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight:600;
    color:rgba(255,255,255,1);
    line-height:52px;
    margin-left:10px;
    float:left;
}
#currency-info  .my-info .my-info-btn{
    width:16px;
    height:16px;
    line-height: 16px;
    font-size:10px;
    font-weight: 300;
    color:rgba(93,144,247,1) !important;
    background:rgba(246,249,255,1);
    opacity:0.9124;
    border-radius: 50%;
    display: inline-block;
    cursor:pointer;
    margin-top:18px;
    text-align: center;
    vertical-align: middle;
    position:relative;
}
#currency-info  .my-info .my-info-btn span{
    display: block;
    height:16px;
    width:16px;
    text-align: center;
    line-height: 16px;
    position:absolute;
    top:0;
    font-size: 10px;
    font-weight: 300;
    /*right:-1px;*/
}
#currency-info  .my-info .my-info-btn:nth-last-child(1) span{
    right:-1px;
}
#currency-info .my-info .my-info-num{
    width:35px;
    height:30px;
    line-height: 14px;
    vertical-align: middle;
    background:rgba(255,255,255,1);
    border-radius:4px;
    margin:0 4px;
    text-align: center;
    border:none;
    color:rgba(153,153,153,1);

}
#currency-info .my-info .my-info-ok{
    width:36px;
    height:24px;
    background:rgba(232,239,254,1);
    border-radius:4px;
    font-size:12px;
    /*font-family:NotoSansHans-DemiLight;*/
    color:rgba(93,144,247,1);
    line-height:24px;
    text-align: center;
    margin-top:15px;
    margin-right:10px;
    cursor:pointer;
    float:right;
}
#currency-info .my-info .my-info-cancel{
    width:36px;
    height:24px;
    color:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(255,255,255,1);
    font-size:12px;
    /*font-family:NotoSansHans-DemiLight;*/
    line-height:22px;
    text-align: center;
    margin-top:15px;
    margin-right:10px;
    float:right;
    cursor:pointer;
}

/*进度条*/
#currency-info .info-sch-box{
    margin:10px auto 16px auto;
    position: relative;
    font-size:14px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight: bold;
    color:rgba(97,217,175,1);
}
#currency-info  .info-sch{
    /*width:100%;*/
    /*width:264px;*/
    height:10px;
    background:rgba(253,120,137,1);
    border-radius:11px;
    margin-bottom: 10px;
}
#currency-info  .info-sch-left{
    /*width:80%;*/
    height:10px;
    background:rgba(97,217,175,1);
    border-radius:11px;
    margin-bottom:10px;
}
#currency-info .info-sch-lmsg{
    float:left;
    text-align: left;
}
#currency-info .info-sch-rmsg{
    float:right;
}
#currency-info  .info-btn{
    width:82px;
    height:28px;
    background:rgba(93,144,247,1);
    border-radius:4px;
    border:1px solid rgba(93,144,247,1);
    margin:0 auto;
    color:white;
    text-align: center;
    line-height:28px;
}
#currency-info .info-hero{
    margin-top:36px;
}
#currency-info .my-jc-help{
    background:rgba(93,144,247,0.95);
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 400;
    color:rgba(255,255,255,1);
    line-height:20px;
    text-align: left;
    opacity:0.95;
    position: relative;
    padding:30px 13px 20px 20px;
    letter-spacing: 1px;
}
#currency-info .my-jc-close{
    font-size: 20px;
    position: absolute;
    top:5px;
    right:10px;
    cursor:pointer;
}
#currency-info .my-jc-help-text{
    height:100%;
    overflow-y: auto;
    padding-right: 12px;
}
#currency-info .my-jc-help-text::-webkit-scrollbar{
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height:0;
}
#currency-info .my-jc-help-text::-webkit-scrollbar-thumb{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    /*background: rgba(227,234,249,1);*/
    background:rgba(255,255,255,1);
    height:5px;
}
#currency-info .my-jc-help-text::-webkit-scrollbar-track{
    /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
    border-radius: 10px;
    /*background: #EDEDED;*/
}
#currency-info .my-jc-help-text p{
    margin-bottom:20px;
}
#currency-info .my-jc-result{
    position: relative;
}
#currency-info .my-jc-result .close-btn{
    position:absolute;
    top:10px;
    right:10px;
    font-size: 18px;
}


/*货币走势图*/
#currency-flow{
    width:1200px;
    min-height:450px;
    background:rgba(255,255,255,1);
    margin-bottom:20px;
    padding:20px 5px 20px 20px;
}
#currency-flow .flow-btn-group{
    margin-bottom:20px;
}
#currency-flow .flow-btn{
    width:68px;
    height:30px;
    border-radius:15px;
    line-height: 28px;
    text-align:center;
    font-size:13px;
    color:#999999;
    margin-right:20px;
    float:left;
    cursor:pointer;
    border:1px solid rgba(240,240,243,1);
}
#currency-flow .flow-btn-active{
    background:rgba(93,144,247,1) !important;
    color:rgba(255,255,255,1) !important;
    border:none !important;
}
#currency-flow .flow-date{
    float:right;
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight:500;
    color:rgba(153,153,153,1);
    margin-right:20px;
}
#currency-flow .flow-date input{
    width:100px;
    height:30px;
    background:rgba(252,252,252,1);
    border-radius:4px;
    /*border:1px solid rgba(230,230,230,1);*/
    border:none;
    outline: none;
    padding-left:10px;

    outline:none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}

#currency-flow .flow-date input::-webkit-inner-spin-button { visibility: hidden; }
#currency-flow .flow-date input::-webkit-calendar-picker-indicator {
    /*background: url('../image/calar.png') center left no-repeat;*/
    color:rgba(0,0,0,0);
    /*margin-right:5px;*/
}
#currency-flow .flow-date .flow-date-one{

}
#currency-flow .warn-msg{
    text-align: center;
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight:500;
    color:rgba(102,102,102,1);
    line-height:40px;
}
#currency-flow .warn-msg span:nth-child(1){
    width:40px;
    height:3px;
    background:rgba(93,144,247,1);
    line-height:40px;
    display: inline-block;
    vertical-align:middle;
    margin-right:10px;
}
#currency-flow .warn-msg span:nth-child(2){
    width:14px;
    height:14px;
    background:rgba(222,232,253,1);
    border-radius: 50%;
    display: inline-block;
    margin-left:60px;
    line-height:40px;
    vertical-align:middle;
    margin-right:10px;
}



/*货币新闻*/
#currency-news{
    width:1200px;
    min-height:300px;
    background:rgba(255,255,255,1);
}
/*资讯标签导航条*/
#information-nav{
    width:100%;
    height:60px;
    padding:20px;
    /*margin-bottom:20px;*/
    background:rgba(255,255,255,1);
}
#nav-line{margin-bottom:0 !important;}
#information-list{padding:0;width:100%;}
#information-nav ul{width:100%;height:40px; border-bottom:2px solid rgba(241,243,245,1);}
#information-nav li{
    margin-right:60px;
    height:40px;
}
#information-nav li.nav-active a{height:40px;border-bottom:2px solid rgba(93,144,247,1);color:rgba(93,144,247,1) !important;}
#information-nav  li a{
    padding:0;
    font-size:18px;
    font-weight:bold;
    /*font-family:PingFang-SC-Medium;*/
    color:rgba(61,77,114,1);
    line-height:18px;
    cursor:pointer;
}
#information-nav  li a{background:none;}

/*筛选按钮*/
#news-group .filtrate-list{
    height:30px;
    line-height: 30px;
}
#news-group .filtrate-title{
    font-size:16px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight:bold;
    color:rgba(61,77,114,1);
    /*line-height:16px;*/
    float:left;
}
#news-group .filtrate-btn{
    padding:0;
    width:95px;
    height:30px;
    /*background:rgba(132,138,157,0.1294);*/
    border-radius:15px;
    float:left;
    margin-right:20px;
    font-size:14px;
    font-weight:500;
    /*font-family:PingFang-SC-Regular;*/
    color:rgba(102,102,102,1);
    line-height:30px;
    /*border:none;*/
    text-align: center;
    cursor:pointer;

    border:1px solid rgba(240,240,243,1);
}

#news-group .btn-active{
    background:rgba(93, 144, 247, 1) !important;
    color:rgba(255,255,255,1) !important;
    border:none !important;
}

/*资讯内容*/
.information-box{
    width:100%;
    min-height:200px;
    background:rgba(255,255,255,1);
    padding:30px 20px 20px 20px;
    /*margin-top:20px;*/
}
.information-box .filtrate-list{
    padding-bottom:70px !important;
}
#quick-information{
    margin-top:-20px !important;
}



/*交易所报价*/
/*表格*/
.currency-table{
    border:none;
}
.currency-table td,.currency-table tr{
    padding:0 !important;
    vertical-align: middle !important;
    text-align: center;
    border:0;

}

.currency-table thead tr{
    height:74px !important;
    background:rgba(246,249,255,1);
}
.currency-table thead td{
    font-size:14px;
    font-weight: bold;
    color:rgba(61,77,114,1);
      border-bottom:1px solid rgba(241,243,245,1) !important;
}
.currency-table tbody tr{
    height:74px !important;
    background:rgba(255,255,255,1);
    border-top:none !important;
}
.currency-table tbody tr:hover{
    background:rgba(246,249,255,1) !important;
}
.currency-table tbody td{
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 500;
    color:rgba(102,102,102,1);
    /*line-height:14px;*/
    border-top:none;

      border-bottom:1px solid rgba(241,243,245,1) !important;
}
.currency-table  .favorite{
      text-align: center !important;
}


/*翻页功能*/
.currency-table .page-line{
    font-size:14px;
    font-weight: 500;
    padding-left:10px;
    margin-left:20px;
    /*font-family:PingFang-SC-Regular;*/
    color:rgba(102,102,102,1);
}
.currency-table .page-line .page-block a{
    width:42px;
    height:38px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(229,229,229,1);
    padding:0;
    line-height:38px;
    margin:0 4px !important;
    border-radius: 0;
    font-size:14px;
    color:rgba(102,102,102,1);
    font-weight: 500;
}
.currency-table .page-line .page-block a:hover{
    background:none;
}
.currency-table .page-line .page-num-btn.page-active a{
    color:rgba(255,255,255,1) !important;
    background:rgba(96,163,252,1) !important;
    border:none;
}


.currency-table .page-line .page-num{
    width:90px;
    height:38px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(229,229,229,1);
    padding-left:10px;
    margin-left:20px;
    /*font-family:PingFang-SC-Regular;*/

    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    /*border: solid 1px #000;*/
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../image/yema3.png") no-repeat scroll 90% center transparent;
}

.currency-table .page-line .page-jump{
    display: inline-block;
    margin-left:20px;
}
.currency-table .page-line .page-jump input{
    width:42px;
    height:38px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(229,229,229,1);
    text-align: center;
    margin:0 4px;
}
.currency-table .page-line .page-jump .jump-btn{
    display: inline-block;
    line-height: 28px;
    width:68px;
    height:28px;
    background:rgba(93,144,247,1);
    border-radius:4px;
    margin-left:20px;
    font-size:14px;
    /*font-family:NotoSansHans-DemiLight;*/
    color:rgba(255,255,255,1);
}



/*基本信息*/
.infomation-table td{
    line-height:44px;
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 500;
    padding-bottom:20px;
}
.info-table-title{
    width:3%;
    /*width:90px;*/
    font-weight: 500;
    color:rgba(153,153,153,1);
    text-align: right;
}
.info-table-value{
    width:10%;
    padding-left:16px;
    color:rgba(102,102,102,1);

    text-align: left;
}
.info-table-value a{
    width:10%;
    color:rgba(93,144,247,1);
}
.infomation-table tfoot  .info-table-title{
    line-height: 21px !important;
    vertical-align: top;
    padding-top:31px;
}
.infomation-table tfoot  .info-table-value{
    line-height: 21px !important;
    padding-top:31px;
    padding-right:50px;
}


.desc-title{
    width:50px !important;
    font-weight: 500;
    color:rgba(153,153,153,1);
    text-align: right;
    vertical-align: top;
}
.desc-value{
    padding-left:16px !important;
    color:rgba(102,102,102,1);
    text-align: left;
}

/*鼠标放折线上弹出响应点*/
#flowinfo-box{
    width:300px;
    min-height:252px;
    background:rgba(255,255,255,0.9);
    box-shadow:0 1px 5px 0 rgba(0,0,0,0.08);
    border-radius:4px;
    border:1px solid rgba(228,230,235,1);

    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 400;
    color:rgba(102,102,102,1);
    line-height:14px;
}

#flowinfo-box .info-list{
    border:1px solid rgba(237,237,237,1);
    padding:20px 16px 0 20px;
}
#flowinfo-box .info-date{
    font-size:16px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight:600;
    color:rgba(61,77,114,1);
    line-height:16px;
    padding-bottom:20px;
}
#flowinfo-box .info-derc{
    margin-bottom:19px;
}
#flowinfo-box .info-num{
    font-weight: bold;
    color:rgba(102, 102, 102, 1);
}

#flowinfo-box .circle{
    display: inline-block;
    width:14px;
    height:14px;
    border-radius:50%;
    background:rgba(93,144,247,1);
    margin-right:10px;
}
#flowinfo-box .circle2{
    background:rgba(222,232,253,1) !important;
}

#flowinfo-box .news-list{
    width:100%;
    padding:0 16px 0 20px;
}
#flowinfo-box .news-item{
    height:64px;
    display: table-cell;
    vertical-align: middle;
    border-bottom:1px solid rgba(237,237,237,1);
    overflow:hidden
}

#flowinfo-box .news-list p{
    margin:0;
    cursor:pointer;
    float:right;
}

#flowinfo-box .news-sing{
    width:24px;
    height:18px;
    line-height: 18px;
    background:rgba(139,181,225,1);
    border-radius:4px;
    float:left;
    margin-right:12px;
    margin-top:2px;
    text-align: center;
    color:rgba(255,255,255,1);
}
#flowinfo-box .flow-news-item{
    /*overflow: hidden;*/
    float:left;
    width:225px;
    min-height: 21px;
    word-wrap: break-word !important;
    white-space: normal !important;
    line-height: 21px;
    font-size:14px;
}


/*折线图新闻弹框*/
#newsModal{
    min-height: 100px;
}



/*没有数据*/
.noData, .loadData{
    text-align: center;
    line-height:200px;
    color:rgba(153,153,153,1);
    font-size: 16px;
    /*padding-top:10px;*/
}


@media screen and (max-width: 840px){
    #main .content{
        width:100%;
    }
    #block-information{
        width:100%;
    }
    #information-nav{
        width:100%;
        padding:15px 5px 5px 5px;
        height: 50px;
    }
    #information-list{
        width:100% !important;
        margin:0 ;
    }
    #information-list li{
        width:30% !important;
        margin:0;
        float:left;
    }
    #information-list li a{
        text-align: center;
    }
    .information-box{
        padding-top:15px !important;
    }

    #news-header{
        margin-bottom: 20px !important;
    }
    #news-header .filtrate-search{
        position:relative;
        float:left;
    }
    #news-header .filtrate-btn{
        margin-right:10px;
        margin-bottom:10px;
    }

    .information-box{
        width:100% !important;
        padding:10px 5px;
    }


    #currency-price{
        width:100%;
        padding:10px;
        height:220px;
        position:relative;
    }
    #currency-price .price-item{
        margin-right:20px !important;
    }
    #currency-price .price-item:nth-child(4){
        margin-top:20px;
        margin-left:80px;
        margin-right: 50px !important;
    }
    #currency-price .price-item:nth-child(5){
        margin-top:20px;
    }
    #currency-price .price-btn-group{
        position:static;
        margin-right:100px;
        border-left:none;
    }

    #currency-info .info-left{
        width:100%;
    }

    #currency-info .info-right{
        width:100%;
        margin:10px 0;
    }

    #currency-flow{
        width:100%;
        padding: 10px 5px !important;
    }
    #currency-flow .flow-btn-group{
        margin-bottom:0;
    }
    #currency-flow .flow-btn-group .flow-btn{
        margin-bottom:10px;
    }
    #flow-img{
        width: 100% !important;
        height: auto !important;
    }
}